<template>
  <div class="job-info">
    <ul>
      <li @click="subject='web'">web</li>
      <li @click="subject='java'">java</li>
      <li @click="subject='php'">php</li>
    </ul>
    <hr>
    <component :is="subject" />
  </div>
</template>
<script>
import web from '../comp/web.vue'
import java from '../comp/java.vue'
import php from '../comp/php.vue'
export default {
  components: {
    web,
    java,
    php
  },
  data() {
    return {
      subject: 'web'
    }
  }
}
</script>
